//移动端适配
// (function(){
// 	var dpr, rem, scale;
// 	var docEl = document.documentElement;
// 	var fontEl = document.createElement('style');
// 	var metaEl = document.querySelector('meta[name="viewport"]');
  
// 	dpr = window.devicePixelRatio || 1;
// 	rem = docEl.clientWidth * dpr / 10;
// 	scale = 1 / dpr;
  
// 	// 设置viewport，进行缩放，达到高清效果
// 	metaEl.setAttribute('content', 'width=' + dpr * docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no');
  
// 	// 设置data-dpr属性，留作的css hack之用
// 	docEl.setAttribute('data-dpr', dpr);
  
// 	// 动态写入样式
// 	docEl.firstElementChild.appendChild(fontEl);
// 	fontEl.innerHTML = 'html{font-size:' + rem + 'px !important;}';
// })()



// function initFontSize(baseFontSize, baseWidth){
// 	// 获取当前屏幕宽度
// 	var clientWidth = document.documentElement.clientWidth || window.innerWidth;
// 	// 根据宽度计算根节点字体大小
// 	var size = Math.floor( clientWidth / baseWidth * baseFontSize );
	
	
// 	document.querySelector('html').style.fontSize = size + 'px';
// 	}
// 	//初始化 字体100px , 设计稿宽640px
// initFontSize(100, 640);
// // 窗口大小改变时设置根节点字体大小，通过字体大小来控制页面元素尺寸的缩放
// window.addEventListener('resize', initFontSize);


//rem的设置
!function(n){
    var  e=n.document,
         t=e.documentElement,
         i=640,
         d=i/100,
         o="orientationchange"in n?"orientationchange":"resize",
         a=function(){
             var n=t.clientWidth||320;n>640&&(n=640);
             t.style.fontSize=n/d+"px"
         };
         e.addEventListener&&(n.addEventListener(o,a,!1),e.addEventListener("DOMContentLoaded",a,!1))
}(window);

//移动端下拉刷新
// window.onload = function(){
//     window.addEventListener('touchstart', touchstart, false);
//     window.addEventListener('touchmove', touchMove, false);
// }

// var _start = 0; 
// var _end = 0;
// function touchstart(event) {
//     var touch = event.targetTouches[0];
//     _start = touch.pageY; 
// }
// function touchMove(event){ 
//     var touch = event.targetTouches[0]; 
//         _end = ( touch.pageY - _start); 
//     //下滑才执行操作 
//     if(_end > 150){     //150即手机下滑屏幕的距离，超过200则执行刷新动作
//         location.reload();
//     } 
// } 

//下拉刷新
function refresh(){
    (function(window) {
        let $refresh = $(`
        <p class="refreshText">
            <img src="./imgs/refresh.png">
        </p>
            `);
        $("body").prepend($refresh);
        var _element = document.getElementById('container'),
            _refreshText = document.querySelector('.refreshText'),
            _startPos = 0,
            _transitionHeight = 0;
        _element.addEventListener('touchstart', function(e) {
            _startPos = e.touches[0].pageY;
            _element.style.position = 'relative';
            _element.style.transition = 'transform 0s';
        }, false);
        _element.addEventListener('touchmove', function(e) {
            _transitionHeight = e.touches[0].pageY - _startPos;  
            if (_transitionHeight > 0 && _transitionHeight < 60) {
                _refreshText.style.animation = "refresh 2s linear infinite";
                _element.style.transform = 'translateY('+_transitionHeight+'px)';
                if (_transitionHeight > 55) {
                    _refreshText.style.animation = "refresh 2s linear infinite";
                    //_refreshText.innerText = '释放更新';
                }
            }
        }, false);
        _element.addEventListener('touchend', function(e) {
            _element.style.transition = 'transform 0.5s ease 1s';
            _element.style.transform = 'translateY(0px)';
            setTimeout(function(){
                _refreshText.style.animationPlayState = "paused";//结束后动画停止
                location.reload(true);//页面刷新
            },1500);
            //_refreshText.innerText = '更新中';
            
                // todo...
        }, false);
    })(window);
};